<template>
    <div class="layout">
        <img src="../../../assets/images/mapBp.png">
    </div>
</template>

<script setup lang='ts'>
</script>
<style scoped lang='scss'>
.layout {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    border-radius: 4px;
    overflow: hidden;
    transition: 0.37s all;

    &:hover {
        transform: scale(1.1);
        box-shadow: 2px 4px 8px rgba(0, 0, 0, .37)
    }
    img{
       height:150px; 
    }
}
</style>